extends mixins/_layout
block content
    body
        // 头部
        include mixins/_header_t.jade
        div.banner
            img.width100(src='/images/contactus.png')
        .main-content
            .row
                .container
                    .position-tips
                        p.nomargin
                            a(href='./', target='_blank') 首页
                            |  > 联系我们
                    .news-title
                        h3.nomargin 联系我们'
                    .nav-affix.fixed(data-spy='affix', data-offset-top='500', style='z-index:10')
                        .news-items
                            ul.list-unstyled.font16
                                li.active
                                    a(href='javascript:void(0)',data-id="#about_1")
                                        | 联系方式
                                li
                                    a(href='javascript:void(0)',data-id="#about_2")
                                        | 乘车路线
                                li
                                    a(href='javascript:void(0)',data-id="#about_3")
                                        | 地理位置
                                li
                                    a(href='javascript:void(0)',data-id="#about_4")
                                        | 在线留言
                          
                    .row
                        #about_1.contact-us-way
                            h4.title
                                | 联系方式
                        .contact-us-content
                            .row
                                .col-xs-4
                                    .ways.u_1
                                        h4.media-heading.font16.special 报名地址
                                        | #{$sys.sys_address}
                                .col-xs-4
                                    .ways.u_2
                                        h4.media-heading.font16.special 座机
                                        | #{$sys.sys_tel}
                                .col-xs-4
                                    .ways.u_3
                                        h4.media-heading.font16 联系老师
                                        | 电话：#{$sys.sys_phone}
                                        br
                                        | Q Q：#{$sys.sys_qq}
                #about_2.row.edu-white-bg
                    .contact-us-way
                        h4.title
                            | 乘车路线
                    .container
                        .row
                            .col-xs-6
                                .route.sc_1
                                    span.bold 公交路线
                                    small 5路，13路，42路，43路，47路，58路，78路，81路均在中医附院站下车
                                    small 11路，27路，42路，58路，59路，129路，1024路，1031路，G27路均在省医院公交车站下车
                            .col-xs-6
                                .route.sc_2
                                    span.bold 地铁路线
                                    small 2号线和4号线在中医大省医院D出口50米
                #about_3
                    .row
                        .col-xs-6
                           div.info_tel
                            .tltle 联系我们
                            .tel-box
                                p.pos #{$sys.sys_address}
                                p.phone #{$sys.sys_phone}
                        .col-xs-6
                            #map   
                #about_4
                    .contact-us-way
                        h4.title(style="font-size:22px;")
                            | 在线留言
                    .container      
                        form.leaveMsgF#leaveMsgF
                            .row
                                .col-xs-4
                                    input.form-control(type='text', name='username',placeholder='请输入姓名', lhq-validate="[{required:true, msg:''}]")
                                .col-xs-4
                                    input.form-control(type='text', name='phone',placeholder='请输入手机号码')
                                .col-xs-4
                                    input.form-control(type='text', name='qq',placeholder='请输入QQ')
                            .row
                                .col-xs-12
                                    textarea.form-control-textarea(name='content',placeholder='请输入留言内容',rows='4', lhq-validate="[{required:true, msg:''}]")
                            .row.row-margin-bottom
                                .col-xs-12.center
                                    a.btn.msgSubmitBtn(href='javascript:void(0)', data-id="leaveMsgF") 提交留言

        //底部
        include mixins/_footer.jade
        script(src='/js/map.js',charset='utf-8')
        script.
            $(function () {
                $('#about-title-list>li').click(function () {
                    $('#about-title-list>li').removeClass('active');
                    $(this).addClass('active');
                });
                ShowMap('103.982315,30.540007', '报名地址', '#{$sys.sys_address}&nbsp;&nbsp;&nbsp;', '#{$sys.sys_tel}', 'bosutong@163.com', '20');
            });
            function ShowMap(zuobiao, name, addrsee, phone, chuanzhen, zoom) {
                var arrzuobiao = zuobiao.split(',');
                var map = new BMap.Map("map");
                map.centerAndZoom(new BMap.Point(arrzuobiao[0], arrzuobiao[1]), zoom);
                map.addControl(new BMap.NavigationControl());
                var marker = new BMap.Marker(new BMap.Point(arrzuobiao[0], arrzuobiao[1]));
                map.addOverlay(marker);
                var infoWindow = new BMap.InfoWindow('<p style="color: #bf0008;font-size:14px;">' + name + '</p><p>地址：' + addrsee + '</p><p>电话：' + phone + '</p><p>邮箱：' + chuanzhen + '</p>');
                marker.addEventListener("click", function () {
                    this.openInfoWindow(infoWindow);
                });
                marker.openInfoWindow(infoWindow);
            }

